<template>
  <div class="attr-list">
    <CommonAttr />
    <px-form>
      <px-form-item label="title">
        <px-input
          v-model="
            //@ts-ignore
            curComponent.propValue.title
          "
        />
      </px-form-item>
      <px-form-item label="tip">
        <px-input
          v-model="
            //@ts-ignores
            curComponent.propValue.tip
          "
        />
      </px-form-item>
      <px-form-item label="peopleUrl">
        <px-input
          v-model="
            //@ts-ignores
            curComponent.propValue.peopleUrl
          "
        />
      </px-form-item>
      <px-form-item label="callinUrl">
        <px-input
          v-model="
            //@ts-ignores
            curComponent.propValue.callinUrl
          "
        />
      </px-form-item>
    </px-form>
  </div>
</template>

<script setup lang="ts">
import CommonAttr from "@visual/custom-component/common/CommonAttr.vue";
import { useComponent } from "@visual/stores";
import { storeToRefs } from "pinia";

const componentStore = useComponent();
const { curComponent } = storeToRefs(componentStore);
</script>
